import styles from './index.module.less';
import { Button, Form, Input } from 'antd';

const { TextArea } = Input;

const Index = () => {
  const handlerStart = () => {
    const path = '';
    window.api.startCrawler(path);
  };

  const handlerSave = () => {
    window.api.saveCookies();
  };

  return (
    <div className={styles.container}>
      <Form>
        <div>
          <Form.Item label="评论数量">

          </Form.Item>
          <Form.Item label="使用代理">

          </Form.Item>
          <Form.Item label="作品地址">

          </Form.Item>
        </div>
        {/* <Button onClick={handlerStart} type='primary' icon={<UploadOutlined />}>开始</Button> */}
        <div></div>
        <div>
          <div>评论内容（一行一条）</div>
          <Form.Item>
            <TextArea />
          </Form.Item>
        </div>
        <div>@</div>
        <Form.Item label="账号">
          <Input />
        </Form.Item>
      </Form>
      <div>
        <Button type='primary' onClick={handlerStart}>start</Button>
        <Button type='primary' onClick={handlerSave}>save</Button>
      </div>
      <div>
        <div>状态</div>
        <div></div>
      </div>
    </div>
  )
}

export default Index;
